<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>框架标签之iframe常用的四种场景</title>
</head>
<body>
<!--
一.在自己的网页中嵌入一个网页，其中有几个属性
    src属性表示嵌入网页的地址，
    width表示宽度,
    height表示高度
    frameborder：表示嵌入的网页是否有边框 0表示没有，1表示显示边框
-->

<!--    <iframe src="https://www.taobao.com" width = "300" height = "100" frameborder="0"></iframe>-->



<!--二.在自己的网页中嵌入图片、视屏、压缩包等资源文件都是可以的-->
<!--    <iframe src="1.png"></iframe>-->
<!--
三.iframe标签配合a标签使用
    1.利用a标签的href属性写入你要嵌入的网址,
    2.配合a标签的target属性写入和iframe标签中的name属性一致
    3.即可完成这个功能
-->
<!--    <a href="https://www.taobao.com" target="taobao"> 点我显示嵌入的淘宝网页</a>-->


<!--
四.iframe标签配合表单标签使用
    1.利用form标签的action属性写入你要嵌入的网址,
    2.配合form标签的target属性写入和iframe标签中的name属性一致
    3.即可完成这个功能

-->
    <form action="https://so.toutiao.com/search" target="taobao">
        <input type = "text" name ="keyword">
        <input type = "submit" value="点我提交去嵌入的头条网址中搜索东西">
    </form>
    <iframe name="taobao" width="100" height="100" frameborder="0"></iframe>
</body>
</html>